import React, { use, useContext, useReducer, useRef, useState } from "react";
import axios from "axios";

function App() {
  //第一种用法 1.创建一个ref替代原来类组件的React.createRef()
  const inpRef=useRef(null);
  //第二种用法 创建一个变量，记录定时器，延时器等变量
  const time=useRef(null);
  time.current=setInterval(()=>{
    console.log('1s');
  },1000)
  return (
    <div>
      <h1>APP</h1>
      {/* 2.使用ref */}
      <input ref={inpRef} type="text" placeholder="请输入你的梦想"></input>
      <button
        onClick={() => {
          //函数组件中没有this
          // 3.获取输入内容
          console.log(inpRef.current.value);

          //关闭定时器
          clearInterval(time.current);
        }}
      >
        点击获取输入内容
      </button>
    </div>
  );
}

export default App;
